<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>记录分页</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css"></link>
		<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css" />
		<script type="text/javascript">
			$(function() {
				$("#dg").datagrid({
					
				columns : [[
				
				{field:'id',title:'编号',width:100,align:'center'}, 

				{field:'name',title:'名称',width:100,align:'center'}, 

				{field:'price',title:'价格',width:100,align:'center'} 
				
				]],
				
				url : 'product.json',
				
				fitColumns :　true,
				
				toolbar : [{  		
				iconCls: 'icon-save',  		
				handler: function(){alert('save')}  	
				},'-',{  		
				iconCls: 'icon-help',  		
				handler: function(){alert('help')}  	
				}],
				pagination : true				
			});
	
			})

		</script>
	</head>
	<body>
		<!--
        	作者：me281026@163.com
        	时间：2017-07-24
        	描述：记录的分页
        -->
        <table id="dg"></table>
	</body>
</html>
